<body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so layui-form-pane">
          <input class="layui-input" placeholder="分类名" name="cate_name">
          <button class="layui-btn"  lay-submit="" lay-filter="add"><i class="layui-icon"></i>增加</button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>分类名</th>
            <th>操作</th>
        </thead>
        <tbody>
          <?php foreach ($data as $row): ?>
            
          
          <tr>
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$row['cid']}'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>{$row['cid']}</td>
            <td>{$row['cname']}</td>
            <td class="td-manage">
              <a title="编辑"  onclick="x_admin_show('编辑','admin-edit.html')" href="javascript:;">
                <i class="layui-icon">&#xe642;</i>
              </a>
              <a title="删除" onclick="member_del(this,'{$row['cid']}')" href="javascript:;">
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
        <?php endforeach ?>
        </tbody>
      </table>
<!--       <div class="page">
        <div>
          <a class="prev" href="">&lt;&lt;</a>
          <a class="num" href="">1</a>
          <span class="current">2</span>
          <a class="num" href="">3</a>
          <a class="num" href="">489</a>
          <a class="next" href="">&gt;&gt;</a>
        </div>
      </div> -->

    </div>
<script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          form = layui.form
          ,layer = layui.layer;

          //监听提交
          form.on('submit(add)', function(data){
            console.log(data.field);
            //发异步，把数据提交给php
            $.ajax({
              url: '{:url('admin/authcate/addsubmit')}',
              type: 'POST',
              dataType: 'json',
              data: data.field,
            })
            .done(function(res) {
              if(res.error){
                console.log(res.info);
                layer.alert(res.info,{icon: 5});
              }else{
                console.log(res.info);
                location.reload();
              }
            })
            .fail(function(res) {
              console.log(res.info);
            });
            
            // layer.alert("增加成功", {icon: 6},function () {
            //     // 获得frame索引
            //     var index = parent.layer.getFrameIndex(window.name);
            //     //关闭当前frame
            //     parent.layer.close(index);
            // });
            return false;
          });
          
          
        });


        /*删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              var data = id;
              $.ajax({
                url: '{:url('admin/authcate/del')}',
                type: 'POST',
                dataType: 'json',
                data: {data:data},
              })
              .done(function(res) {
                $(obj).parents("tr").remove();
                layer.msg('已删除!',{icon:1,time:1000});
               //将前面的勾都去掉并重新渲染
                form.render();  
              })
              .fail(function() {
                console.log("error");
              });   
          });
      }



      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            $.ajax({
                url: '{:url('admin/authcate/del')}',
                type: 'POST',
                dataType: 'json',
                data: {data:data},
              })
              .done(function(res) {
                $(obj).parents("tr").remove();
                $("table .header").removeClass('layui-form-checked');
                layer.msg('已删除!',{icon:1,time:1000});
               //将前面的勾都去掉并重新渲染
                form.render();  
              })
              .fail(function() {
                console.log("error");
              });

            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
            $("table .header").removeClass('layui-form-checked');
        });
      }
    </script>
  </body>

</html>